<!--
 * @Author       : wangzhenguo
 * @Date         : 2021-03-24 15:16:46
 * @LastEditors  : wangzhenguo
 * @LastEditTime : 2021-03-24 18:35:23
 * @Description  : 
-->
<template>
  <el-table-column
    :show-overflow-tooltip="overflowTooltip"
    :prop="col.prop"
    :key="col.prop"
    :label="col.label"
    :sortable="col.sortable"
    :width="col.width"
    :fixed="col.fixed"
    :class-name="col.className"
    :align="col.align"
    :column-key="col.prop"
    :canClick="col.canClick"
    :formatter="col.formatterFun"
  >
    <template v-if="col.children && col.children.length">
      <table-column
        v-for="(item, index) in col.children"
        :key="item.prop ? item.prop : index"
        :col="item"
      >
      </table-column>
    </template>
  </el-table-column>
</template>

<script>
export default {
  name: "tableColumn",
  props: {
    col: {
      type: Object,
    },
    overflowTooltip: {
      type: Boolean,
    },
  },
};
</script>
